<!--添加航班计划-->

<h3 class="page-title">添加航班计划
    <small>Add flight plan</small>
</h3>
<ul class="breadcrumb">
    <li>
        <i class="icon-home"></i>
        <a href="../temp/index.html">Home</a>
        <i class="icon-angle-right"></i>
    </li>
    <li><a href="#">首页</a></li>
    <li class="pull-right no-text-shadow">
        <div id="dashboard-report-range">
            {{utc}} UTC
        </div>
    </li>
</ul>

<div class="row-fluid">
    <div class="span12">
        <div class="portlet box red">
            <div class="portlet-title">
                <div class="caption"><i class="icon-reorder"></i>Flight</div>
                <div class="tools">
                    <a href="javascript:;" class="collapse"></a>
                    <a href="javascript:;" active="false" map class="map"></a>
                    <a href="javascript:;" weather class="weather"></a>
                </div>
            </div>
            <div class="portlet-body form">
                <!-- BEGIN FORM-->
                <form class="horizontal-form">
                    <h4 class="form-section">添加航班</h4>
                    <div class="row-fluid">

                        <div class="span2 airlineList">
                            <div class="control-group">
                                <label class="control-label">航空公司：</label>
                                <div class="controls">
                                    <select name="" id="airlineSelect" ng-model="flightSchedule.airlineId" class="span12 m-wrap select2">
                                        <option ng-repeat="airline in airlineList" value={{airline.airlineId}}>{{airline.code}}  {{ airline.name }}</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">航班号：</label>
                                <div class="controls">
                                    <input type="text" class="m-wrap span12" placeholder="Flight No" ng-model="flightSchedule.flightNo">
                                    <span class="help-block">This is inline help</span>
                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">离港机场：</label>
                                <div class="controls">
                                    <div class="chzn-container span12 chzn-container-single">
                                        <a href="javascript:void(0)" style="padding-top: 1px;" ng-click="toggle()" class="chzn-single chzn-single-with-drop">
                                            <span class="selectSearch">{{currentLeaveAirport.ident}}</span>
                                            <div>
                                                <b></b>
                                            </div>
                                        </a>
                                        <div class="chzn-drop" style="width: 428px;top:31px;" ng-show="visible">
                                            <div class="chzn-search">
                                                <input name="departAirport" ng-model="search.leaveAirport" type="text" autocomplete="off" style="width: 393px;">
                                            </div>
                                            <ul class="chzn-results">
                                                <li class="active-result" data-value="-1">输入关键字进行查找</li>
                                                <li class="active-result" ng-click="checked(airport)" ng-repeat="airport in LevAirportList">
                                                    <span class="ident">{{airport.ident}}</span>
                                                    <span class='airport-name'>{{airport.name}}</span>
                                                    <span class='airport-country'>{{airport.country}}</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">到港机场：</label>
                                <div class="controls">
                                    <div class="chzn-container span12 chzn-container-single">
                                        <a href="javascript:void(0)" ng-click="arrToggle()" style="padding-top: 1px;" class="chzn-single chzn-single-with-drop">
                                            <span class="selectSearch">{{currentArrAirport.ident}}</span>
                                            <div>
                                                <b></b>
                                            </div>
                                        </a>
                                        <div class="chzn-drop" style="width: 428px;top:31px;" ng-show="arrVisible">
                                            <div class="chzn-search">
                                                <input type="text" ng-model="search.arrivalAirport" autocomplete="off" style="width: 393px;">
                                            </div>
                                            <ul class="chzn-results">
                                                <li class="active-result" data-value="-1">输入关键字进行查找</li>
                                                <li class="active-result" ng-click="arrChecked(airport)" ng-repeat="airport in ArrAirportList">
                                                    <span class="ident">{{airport.ident}}</span>
                                                    <span class='airport-name'>{{airport.name}}</span>
                                                    <span class='airport-country'>{{airport.country}}</span>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>

                                </div>
                            </div>
                        </div>


                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">航班类型：</label>
                                <div class="controls">
                                    <select class="span12 m-wrap" ng-model="flightSchedule.flightTypeId">
                                        <option ng-repeat="type in flightTypeList" value="{{type.typeId}}">{{type.name}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">操作类型：</label>
                                <div class="controls">
                                    <select class="span12 m-wrap" ng-model="flightSchedule.operationType">
                                        <option ng-repeat="type in operationTypeList" value="{{type.operationId}}">{{type.name}}</option>
                                    </select>
                                </div>
                            </div>
                        </div>

                    </div>

                    <div class="row-fluid">
                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">呼号：</label>
                                <div class="controls">
                                    <input type="text" class="m-wrap span12" placeholder="Commercial" ng-model="flightSchedule.commercialNum">
                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">时间：</label>
                                <div class="controls">
                                    <input type="text" ng-disabled="repetitive" ng-model="flightSchedule.date" je-date class="m-wrap span12" placeholder="Date">
                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">计划出发时间：</label>
                                <div class="controls">
                                    <input type="text" class="m-wrap span12" placeholder="STD" ng-model="flightSchedule.std">
                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">计划到达时间：</label>
                                <div class="controls">
                                    <input type="text" class="m-wrap span12" placeholder="STA" ng-model="flightSchedule.sta">
                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">预计飞行时间：</label>
                                <div class="controls">
                                    <input type="text" class="m-wrap span12" placeholder="EET" ng-model="flightSchedule.eet">
                                </div>
                            </div>
                        </div>

                        <div class="span2" style="margin-top: 3%">
                            <label class="checkbox">
                                <input type="checkbox" class="repetitive" ng-model="repetitive" />Repetitive(RPL)
                            </label>
                        </div>
                    </div>

                    <h4 class="form-section">添加航班</h4>
                    <div class="row-fluid">
                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">起始日期：</label>
                                <div class="controls">
                                    <input type="text" je-date ng-model="startScheduleDate" ng-disabled="!repetitive" class="m-wrap span12" placeholder="First Flight">
                                </div>
                            </div>
                        </div>

                        <div class="span2">
                            <div class="control-group">
                                <label class="control-label">结束日期：</label>
                                <div class="controls">
                                    <input type="text" je-date ng-model="endScheduleDate" ng-disabled="!repetitive" class="m-wrap span12" placeholder="Last Flight">
                                </div>
                            </div>
                        </div>

                        <div class="span6">
                            <div class="control-group select-week">
                                <div class="controls" style="margin-top: 5%">

                                    <label class="checkbox">
                                        <input type="checkbox" ng-model="week.mon" />Mon
                                    </label>

                                    <label class="checkbox">
                                        <input type="checkbox" ng-model="week.tue" />Tue
                                    </label>

                                    <label class="checkbox">
                                        <input type="checkbox" ng-model="week.wed" />Wed
                                    </label>

                                    <label class="checkbox">
                                        <input type="checkbox" ng-model="week.thu" />Thu
                                    </label>

                                    <label class="checkbox">
                                        <input type="checkbox" ng-model="week.fri" />Fri
                                    </label>

                                    <label class="checkbox">
                                        <input type="checkbox" ng-model="week.sat" />Sat
                                    </label>

                                    <label class="checkbox">
                                        <input type="checkbox" ng-model="week.sun" />Sun
                                    </label>

                                </div>
                            </div>
                        </div>

                    </div>



                    <!--/row-->
                </form>
                <div class="form-actions">
                    <button type="button" class="btn blue" ng-click="save()">保存</button>
                    <button type="button" class="btn">重置</button>
                </div>

                <!-- END FORM-->
            </div>

        </div>
    </div>

</div>